<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>
<style>
.boxs {
  padding: 20px;
}
.el-dialog{
  border-radius: 8px;
}
.shou {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
}
.flex_ {
  display: flex;
  align-items: center;
}

.flex_between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.flex_center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex_ccenter {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.flex_around {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.flex_around_ {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.flex_column {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
</style>
